<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="https://user.qunar.com/webApi/popup.jsp?display=ssl&ver=v1.0">
  <link rel="stylesheet" href="https://q.qunarzz.com/usertoolbar/prd/v1.0.0/css/m-usertoolbar@f770297d51d157b67ef2.css">
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../css/iconfont.css">
  <link rel="stylesheet" href="../css/swiper-bundle.min.css">
  <script src="../js/swiper-bundle.min.js"></script>
  <script src="../js/jQuery.js"></script>
  <script src="../js/index.js"></script>
  <script src="../js/port.js"></script>
</head>

<body>
  <!-- 头部开始 -->
  <div class="bx">
    <div class="h-logo">
      <a href="#">
        <img src="../images/logo.png" alt="">
      </a>
    </div>
    <div class="h-nav">
      <ul>
        <li class="li-1"><span>无障碍</span></li>
        <li class="li-2"><span>请 <a href="../html/login.html">登录</a></span><span> 或 <a href="../html/login.html"
              class="tzzc">免费注册</a></span></li>
        <li class="li-4">
          <i class="fa fa-envelope"></i>
          <span>消息</span>
          <i class="fa fa-angle-down"></i>
        </li>
        <li class="li-5"><span>查看订单</span><i class="fa fa-angle-down"></i></li>
        <li class="li-6"><span>积分商城</span></li>
        <li class="li-7"><span>联系客服</span></li>
        <li class="li-8">
          <i class="fa fa-mobile-phone fa-lg" id="font-phone"></i>
          <i class="fa fa-wechat"></i>
        </li>
      </ul>
    </div>
    <div class="h-input">
      <div class="input-left">
        <input type="text" placeholder="搜索目的地">
      </div>
      <i class="fa fa-search " id="fa-search"></i>
    </div>
    <div class="h-service">
      <div class="left-service">
        <i class="fa fa-headphones" id="fa-headphones"></i>
        <span class="custom_24">24小时</span>
      </div>
      <ul class="right-service">
        <li class="item_custom">
          <span class="cn">国内客服</span>
          <span class="cn-code">95117</span>
        </li>
        <li class="item_custom">
          <span class="cn">国际客服</span>
          <span class="cn-code">(+8610)59606999
          </span>
        </li>
      </ul>
    </div>
  </div>
  <!-- 头部结束 -->
  <!-- 导航开始 -->
  <div class="nav">
    <div class="screen-nav">
      <ul>
        <li class="n-1"><span>首页</span></li>
        <li class="n-2"><span>机票</span></li>
        <li class="n-3"><span>酒店</span></li>
        <li class="n-4"><span>火车票</span></li>
        <li class="n-5"><span>度假</span></li>
        <li class="n-6"><span>团购</span></li>
        <li class="n-7"><span>门票</span></li>
        <li class="n-8"><span>当地人</span></li>
        <li class="n-9"><span>汽车票</span></li>
        <li class="n-10"><span>行程设计</span></li>
        <li class="n-11"><span>攻略</span></li>
        <li class="n-12"><span>旅游快讯</span></li>
      </ul>
    </div>
    <div class="l-cart">
      <div class="remark">
        境外直通车
      </div>
      <strong class="q_header_sub_tran"></strong>
      <div class="n-1">
        <p>境外酒店</p>
      </div>
      <div class="n-1">
        <p>海外玩乐</p>
      </div>
      <div class="n-1">
        <p>出境游</p>
      </div>
      <div class="n-1">
        <p>海外购物</p>
      </div>
      <div class="n-1">
        <p>签证</p>
      </div>
      <div class="n-1">
        <p>境外Wi-Fi</p>
      </div>
    </div>
    <!-- li隐藏部分 -->
    <div class="nav-show">
      <ul class="sl-1" style="display: none;">
        <li>机票首页</li>
        <li>低价机票</li>
      </ul>

      <ul class="sl-2" style="display: none;">
        <li>国内·港澳台酒店</li>
        <li>境外酒店</li>
      </ul>

      <ul class="sl-3" style="display: none;">
        <li>度假首页</li>
        <li>海外玩乐</li>
        <li>自由行</li>
        <li>出境游</li>
        <li>特卖</li>
        <li>周边游</li>
        <li>邮轮</li>
        <li>签证</li>
        <li>包团定制</li>
      </ul>
      <!-- li隐藏部分结束 -->
    </div>
  </div>
  <div class="pagewrap">
    <div class="page">
      <div class="home-top">
        <div class="tiaozheng">
          <div class="ticket">
            <div class="ticket-list">
              <ul id="ticket-list">
                <li class="first-list"><a href="">机票</a></li>
                <li><a href="">酒店</a></li>
                <li><a href="">火车票</a></li>
                <li><a href="">度假</a></li>
                <li><a href="">门票</a></li>
                <li><a href="">团购</a></li>
                <li><a href="">自由行</a></li>
              </ul>
            </div>

            <div class="list-main">
              <div class="time-center">
                <div class="time">
                  <div class="time-head">
                    <div class="th-rigth">
                      <a href="#" class="tra1">出票状态查询</a>
                      <a href="#" class="tra2">退票改签</a>
                    </div>

                    <ul class="republic">
                      <li class="guonei">
                        <a href="">国内机票</a>
                      </li>
                      <li class="guoji">
                        <a href="">国际·港澳台机票</a>
                      </li>
                    </ul>
                  </div>

                  <div class="con">
                    <div class="guonei-conter">
                      <form action="">
                        <div class="crl_group">
                          <div class="controls">
                            <label class="lal_rdo">
                              <input class="inp_rad" type="radio" checked="checked"> 单程
                            </label>
                            <label class="lal_rdo">
                              <input type="radio" class="inp_rad"> 往返
                            </label>
                          </div>


                          <div class="controls-2">
                            <div class="qcbox-2">
                              <div class="qunar-qcbox-2">
                                <div class="qcbox-prefix-2">到达</div>
                                <div class="qcbox-info-2">
                                  <b></b>
                                </div>
                                <input type="text" class="textbox-2" value="上海">
                              </div>
                            </div>
                          </div>


                        </div>

                        <div class="crl_group">
                          <div class="crl_sp2_1">
                            <a href="#" class="lnk_change">换</a>
                            <div class="beijing">
                              <div class="qcbox">
                                <div class="qunar-qcbox">
                                  <div class="qcbox-prefix">出发</div>
                                  <div class="qcbox-info">
                                    <b></b>
                                  </div>
                                  <input type="text" class="textbox-1" value="北京">
                                </div>
                              </div>
                            </div>
                          </div>


                          <!-- 表单右侧 -->
                          <div class="crl_sp2_2">
                            <div class="controls-3">
                              <div class="qcbox-3">
                                <div class="qunar-dp-3">
                                  <div class="dp-prefix-3">日期</div>
                                  <div class="dp-info-3">
                                    <b></b>
                                    <span class="dp-text-3">周二</span>
                                  </div>
                                  <input type="text" class="textbox-3" value="2021-12-22">
                                </div>

                                <div class="qunar-dp-4">
                                  <div class="dp-prefix-4">日期</div>
                                  <div class="dp-info-4">
                                    <b></b>
                                    <span class="dp-text-4">周六</span>
                                  </div>
                                  <input type="text" class="textbox-4" value="2021-12-26">
                                </div>

                                <div class="zb">
                                  <div>
                                    <div class="p_btn">
                                      <button class="button-search" type="submit">
                                        立即搜索
                                      </button>
                                    </div>
                                    <div class="p_text">
                                      <p class="linenum">
                                        可实时搜索
                                        <span class="highlight">28万</span>
                                        条国内国际航线
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                      <div class="l-foot">
                        <a href="#"></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 表单结束 -->
        <div class="tiaozheng"></div>
        <div class="l_lside">
          <!-- 电梯 -->
          <div class="mod-home-iconNav">
            <ul class="mod-home-iconNav-ul">
              <li class="fa fa-plane"></li>
              <li class="fa fa-institution"></li>
              <li class='fa fa-tree'></li>
              <li class="fa fa-newspaper-o"></li>
              <li class="fa fa-hand-o-up"></li>
            </ul>
          </div>
          <!-- 电梯结束 -->

          <div class="price-list">
            <div class="price-list-head">
              <div class="home-title">
                <div class="flight-head-more">
                  <a href="#" class="flight-head-more-link">
                    <span>更多低价机票</span>
                    <i class="fa fa-arrow-right"></i>
                  </a>
                </div>
                <div class="flight-head-title">
                  <ul class="flight-head-nav">
                    <li class="ff-1"><span>国内低价机票</span></li>
                    <li class="fuk"><span>国际·港澳台低价航线(单程)</span></li>
                    <li class="fuk"><span>国际·港澳台低价(往返)</span></li>
                  </ul>
                </div>
              </div>
            </div>

            <div class="mod-home-flight-body">
              <div class="mod-home-domestic-body">
                <ul class="mod-home-flight-ul">
                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li class="noMarginRight">
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li>
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>

                  <li class="noMarginRight">
                    <div class="mod-home-flight-place">
                      <span>北京</span>
                      <i class="fa fa-arrows-h"></i>
                      <span>澳门</span>
                    </div>
                    <div class="mod-home-flight-date">1月12日</div>
                    <div class="mod-home-flight-priceFlex">
                      <div class="mod-home-flight-price">
                        <span class="jiage">￥807</span>
                        <span class="xyh">起</span>
                      </div>
                      <span class="mod-home-flight-discount">1.2折</span>
                    </div>
                    <div class="mod-home-flight-btn">立抢</div>
                  </li>
                </ul>
              </div>
            </div>
          </div>

          <div class="mod-home-hotel-wrapper">
            <div class="mod-home-hotel-head">
              <div class="home-title">
                <div class="hotel-head-more">
                  <a href="#" class="hotel-head-more-link">
                    <span>更多特惠酒店</span>
                    <i class="fa fa-arrow-right"></i>
                  </a>
                </div>
                <div class="hotel-head-title">
                  <ul class="hotel-head-nav">
                    <li>
                      <a href="#" class="colorbug">国内酒店必住榜</a>
                    </li>
                    <li>
                      <a href="#">国内酒店推荐</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div class="mod-home-hotel-body">
              <div class="mod-home-must_try-body">
                <ul class="mod-home-hotel-ul">
                  <li>
                    <a href="#" class="mod-home-hotel-link">
                      <div class="mod-home-hotel-title">
                        <div class="mod-home-hotel-words">
                          热门推荐榜
                        </div>
                        <i class="fa fa-chevron-right"></i>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="mod-home-hotel-link">
                      <div class="mod-home-hotel-title">
                        <div class="mod-home-hotel-words">
                          热门推荐榜
                        </div>
                        <i class="fa fa-chevron-right"></i>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="mod-home-hotel-link">
                      <div class="mod-home-hotel-title">
                        <div class="mod-home-hotel-words">
                          热门推荐榜
                        </div>
                        <i class="fa fa-chevron-right"></i>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#" class="mod-home-hotel-link">
                      <div class="mod-home-hotel-title">
                        <div class="mod-home-hotel-words">
                          热门推荐榜
                        </div>
                        <i class="fa fa-chevron-right"></i>
                      </div>
                    </a>
                  </li>
                  <li id="last-rm" style="padding-right: 0;">
                    <a href="#" class="mod-home-hotel-link">
                      <div class="mod-home-hotel-title">
                        <div class="mod-home-hotel-words">
                          热门推荐榜
                        </div>
                        <i class="fa fa-chevron-right"></i>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>

            <!-- 特价开始 -->
            <div class="mod-home-onSale-wrapper">
              <div class="mod-home-onSale">
                <div class="mod-home-onSale-head">
                  <div class="tj-head">
                    <ul class="tj-head-nav">
                      <li>
                        <a href="#" class="home-title-nav-months">当季热门度假</a>
                      </li>
                      <li>
                        <a href="#" class="home-title-nav-today">今日特惠度假</a>
                      </li>
                    </ul>
                    <span class="title-more">
                      <a href="#">
                        <span>更多特惠度假</span>
                        <i class="fa fa-arrow-right"></i>
                      </a>
                    </span>
                  </div>
                </div>

                <div class="mod-home-onSale-body">
                  <div class="mod-home-dujia">
                    <div class="mod-home-dujia-body">
                      <div class="dujia-body-left">
                        <div class="mod-text-link-item">
                          <p class="mod-text-link-title">周边游</p>
                          <div class="mod-text-link-content">
                            <ul class="tj-clrfix">
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                              <li>桂林</li>
                            </ul>
                          </div>
                        </div>

                        <div class="mod-text-link-item">
                          <p class="mod-text-link-title">国内游</p>
                          <div class="mod-text-link-content">
                            <ul class="tj-clrfix">
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                              <li>三亚</li>
                            </ul>
                          </div>
                        </div>

                        <div class="mod-text-link-item">
                          <p class="mod-text-link-title">出境游</p>
                          <div class="mod-text-link-content">
                            <ul class="tj-clrfix">
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                              <li>瑞士</li>
                            </ul>
                          </div>
                        </div>

                        <div class="mod-text-link-item">
                          <p class="mod-text-link-title">签证</p>
                          <div class="mod-text-link-content">
                            <ul class="tj-clrfix">
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                              <li>日本</li>
                            </ul>
                          </div>
                        </div>
                      </div>

                      <div class="dujia-body-right">
                        <a href="../html/list.html" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>

                        <a href="#" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>

                        <a href="#" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>

                        <a href="#" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>

                        <a href="#" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>

                        <a href="#" class="dujia-body-right-item">
                          <div class="dujia-body-right-top">
                            <div class="dujia-body-right-img">
                              <img src="../images/sy.jpg" alt="">
                            </div>
                            <div class="dujia-body-right-title">
                              <div class="right-title-in">
                                <p class="right-title-main">
                                  <span>南宁-三亚</span>
                                </p>
                                <p class="right-title-sub">
                                  <span>5天跟团游</span>
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="dujia-body-right-bottom">
                            <p class="body-right-bottom-words">
                              <span>含往返飞机票(含税)+4晚住宿</span>
                            </p>
                            <div class="dujia-body-right-price">
                              <div class="dujia-body-right-special-price">
                                <span>￥3380</span>
                              </div>
                            </div>
                          </div>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 右栏 -->
              <div class="l_rside">
                <div class="mod-support-links">
                  <h6 class="qunar-assist-hide">广告推荐</h6>
                </div>
              </div>
            </div>
            <!-- 轮播 -->
            <div class="bl-bk">
              <div class="mod-editor-recommend">
                <div class="swiper mySwiper">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <img src="../images/lb2.jpeg" alt="">
                    </div>
                    <div class="swiper-slide">
                      <img src="../images/lb1.jpeg" alt="">
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-pagination"></div>
                </div>
              </div>
              <script>
                var swiper = new Swiper(".mySwiper", {
                  spaceBetween: 30,
                  centeredSlides: true,
                  autoplay: {
                    delay: 2500,
                    disableOnInteraction: false,
                  },
                  pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                  },
                  navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                  },
                });
              </script>


              <div class="l_rside-1">
                <div class="mod-home-panel">
                  <h6>旅行资讯</h6>
                  <div class="con">
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                    <p><a href="#">中华人民共和国外交部安全提醒</a></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>










  <div class="mod-home-appfoot">
    <div class="container">
      <div class="ewm"></div>
    </div>
  </div>

  <div class="mod-home-seolink">
    <dl>
      <dt>酒店</dt>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
      <dd><a href="#">九寨沟沟口附近</a></dd>
    </dl>
    <dl>
      <dt>攻略</dt>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
      <dd><a href="#">北京旅游攻略</a> | </dd>
    </dl>
  </div>

  <div class="qn_footer">
    <div class="cr">
      <div class="fh-about">
        <a href="#">关于Qunar.com</a>
        <i></i>
      </div>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
      <span> | </span>
      <a href="#">业务合作</a>
    </div>
    <p class="copyright">
      <span>Copyright ©2021 Qunar.com</span>
      <a href="#">京公网安备11010802030542</a>
      <a href="#">京ICP备05021087号</a>
      <a href="#">京ICP证060856号</a>
      <a href="#">营业执照信息</a>
      <a href="#">互联网药品信息服务资格证：(京)-非经营性-2016-0110</a>
      <a href="#">去哪儿网客服电话95117</a>
    </p>
    <p class="copyright">
      <span>未成年人/违法和不良信息举报电话：010-59606977</span>
      <span>未成年人/违法和不良信息举报邮箱：tousu@qunar.com</span>
    </p>
  </div>


  <div class="storey_two"></div>
  <!-- 选择出发地址开始 -->
  <div class="qcbox-fixed" z-index: 999;">
    <div class="hotcity">
      <div class="ui-city-sug">
        <i class="suprx"></i>
        <div class="m-hct-nav">
          <span>国内热门</span>
          <span class="active">ABCD</span>
          <span class="active-2">EFGH</span>
          <span class="active-2">JKLMN</span>
          <span class="active-2">PQRST</span>
          <span class="active-2">WXYZ</span>
          <span class="active-2">国际·港澳台</span>
        </div>
        <!-- A -->
        <div class="m-hct-lst">
          <dl class="e-hct-lst">
            <dt>A</dt>
            <dd>
              <ul>
                <li><a href="">阿里</a></li>

                <li><a href="">安庆</a></li>
                <li><a href="">阿勒泰</a></li>
                <li><a href="">安康</a></li>
                <li><a href="">鞍山</a></li>
                <li><a href="">安顺</a></li>
                <li><a href="">阿克苏</a></li>
                <li><a href="">阿拉善左旗</a></li>
                <li><a href="">阿拉善右旗</a></li>
                <li><a href="">中国澳门</a></li>
              </ul>
            </dd>
          </dl>
          <!-- B -->
          <dl class="e-hct-lst-1">
            <dt>B</dt>
            <dd>
              <ul>
                <li><a href="">包头</a></li>
                <li><a href="">北海</a></li>
                <li><a href="">北京</a></li>
                <li><a href="">百色</a></li>
                <li><a href="">保山</a></li>
                <li><a href="">毕节</a></li>
                <li><a href="">巴彦淖尔</a></li>
              </ul>
            </dd>
          </dl>
          <!-- C -->
          <dl class="e-hct-lst-2">
            <dt>C</dt>
            <dd>
              <ul>
                <li><a href="">长治</a></li>
                <li><a href="">池州</a></li>
                <li><a href="">长春</a></li>
                <li><a href="">常州</a></li>
                <li><a href="">昌都</a></li>
                <li><a href="">朝阳</a></li>
                <li><a href="">常德</a></li>
                <li><a href="">长白山</a></li>
                <li><a href="">成都</a></li>
                <li><a href="">重庆</a></li>
                <li><a href="">长沙</a></li>
                <li><a href="">赤峰</a></li>
              </ul>
            </dd>
          </dl>
          <!-- D -->
          <dl class="e-hct-lst-3">
            <dt>D</dt>
            <dd>
              <ul>
                <li><a href="">大同</a></li>
                <li><a href="">大连</a></li>
                <li><a href="">东营</a></li>
                <li><a href="">大庆</a></li>
                <li><a href="">丹东</a></li>
                <li><a href="">大理</a></li>
                <li><a href="">敦煌</a></li>
                <li><a href="">达州</a></li>
                <li><a href="">稻城</a></li>
              </ul>
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
</body>

</html>